/*
 * @Descripttion:
 * @version: 1.0.0
 * @Author: Shentong
 * @Date: 2021-04-09 12:34:34
 * @LastEditors: Shentong
 * @LastEditTime: 2021-11-08 15:58:48
 */
/**
 * @description 此页面暂时不用： TODO:
 */
// eslint-disable-next-line @typescript-eslint/no-use-before-define
 import React, { useEffect, useState } from "react";
import Taro, { useRouter } from '@tarojs/taro'


 import { View, Image, WebView } from "@tarojs/components";

//  import Step1 from '@/src/assets/detail/step1.jpg'
//  import Step2 from '@/src/assets/detail/step2.jpg'
//  import Step3 from '@/src/assets/detail/step3.jpg'

 import styles from './index.module.scss'

 const RecruitInfo = () => {
   const [routerUrl, setRourterUrl] = useState<string>('')

   const routerParams = useRouter().params;

  const handleMessage = (e) => {
    console.log('handleMessage', e)
  }
  
   useEffect(() => {
    const { url = '' } = routerParams
     
    // let title = ''
    // if (url.indexOf('tuiguang') > -1) {
    //   title = '招募校园颂市场推广员'
    // } else if (url.indexOf('zhaopin') > -1) {
    //   title = '招聘送餐员'
    // } else if (url.indexOf('luckCard') > -1) {
    //   title = '幸运卡牌'
    // }
    // Taro.setNavigationBarTitle({ title })
    
    if (url) {
      const _urlSplit = url.split('://')
      if (_urlSplit.length && _urlSplit[1]) {
        setRourterUrl(`https://${_urlSplit[1]}`)
      }
    }
    
   }, [routerParams]);
   return (
     <View className={styles.webViewBox}>
       <WebView src={routerUrl} onMessage={handleMessage} />
     </View>
    //  <View className={styles.recruitInfo}>
    //     <View className={styles.steps}>
    //       <View className={styles.title}>一、首先在校园颂APP首页，可以查看标注“聘送餐手”标志的店铺，点击进入；</View>
    //       <View className={styles.imgBox}>
    //         <Image src={Step1} className={styles.img1}></Image>
    //       </View>
    //     </View>
    //     <View className={styles.steps}>
    //       <View className={styles.title}>二、在店铺页面，选择第三个选项“商家”（右边有个“聘送餐手”标志），然后点击下面“招聘信息”选项；</View>
    //       <View className={styles.imgBox}>
    //         <Image src={Step2} className={styles.img2}></Image>
    //       </View>
    //     </View>
    //     <View className={styles.steps}>
    //       <View className={styles.title}>三、在“招聘信息”弹框中就可以看到商家发布的招聘送餐员信息，您可以电话联系商家。</View>
    //       <View className={styles.imgBox}>
    //         <Image src={Step3} className={styles.img3}></Image>
    //       </View>
    //     </View>
    //  </View>
   );
 }

 export default RecruitInfo
